<include file="public@header"/>
</head>
<body>
<div class="wrap">
    <form method="post" class="form-horizontal js-ajax-form margin-top-20" action="{:url('receive/handle')}">

        <div class="form-group">
            <label for="input-thumb" class="col-sm-2 control-label">用户</label>
            <div class="col-md-6 col-sm-10">
                <input type="text" class="form-control" value="{$data['nickname']}" disabled>
            </div>
        </div>

        <div class="form-group">
            <label for="" class="col-md-2 control-label">单号</label>
            <div class="col-md-6">
                <textarea name="area_info" class="form-control" cols="30" rows="3" disabled>{$data.order_nos}</textarea>
            </div>
        </div>

        <div class="form-group">
            <label for="" class="col-md-2 control-label">上传凭证</label>
            <div class="col-md-6">
                <ul id="image" class="list-unstyled"></ul>
                <a href="javascript:uploadMultiImage('图片上传','#image','image-item-wrapper');" class="btn btn-default">选择图片</a>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <input type="hidden" name="id" value="{$data.id}">
                <button type="submit" class="btn btn-primary js-ajax-submit">{:lang('确认')}</button>
                <a class="btn btn-default" href="javascript:history.back(-1);">{:lang('BACK')}</a>
            </div>
        </div>

    </form>
</div>
<script src="__STATIC__/js/admin.js"></script>
<script type="text/html" id="image-item-wrapper">
    <li id="saved{id}" class="col-sm-3">
        <input id="photo-{id}" type="hidden" name="images[]" value="{filepath}">
        <img src="{url}" style="max-width:100px; max-height: 100px" onclick="parent.imagePreviewDialog(this.src);">
        <a href="javascript:(function(){$('#saved{id}').remove();})();">移除</a>
    </li>
</script>
</body>
</html>